123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541 |
- <template>
- <div>
- <HomePageHead></HomePageHead>
- <HomePageNavigation></HomePageNavigation>
- <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
-
- <main class="index_main">
-
- <section class="channel_1 clearfix">
- <div class="channel_1_left">
- <div class="channel_1_box">
- <HomeSwiperSnscChannel :data="pageData[0].data"></HomeSwiperSnscChannel>
- </div>
- </div>
- <div class="channel_1_right">
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[0])" v-if="pageData[0]"
- :title="pageData[0].alias">
- {{ pageData[0].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[0])" v-if="pageData[0]"
- :title="pageData[0].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class="channel_name_ul" v-if="pageData[0]">
- <div class="channel_name_ul_li" v-for="item in pageData[0].data2">
- <NuxtLink class="channel_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
- :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
- </section>
-
- <section class="channel_2 clearfix">
- <div class="channel_1_left clearfix">
-
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
- :title="pageData[1].alias">
- {{ pageData[1].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
- :title="pageData[1].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class="channel2_top_content clearfix" v-if="pageData[1]">
- <div class="channel_1_box_1 clearfix">
- <div class="channel_img_big_1_ul">
- <div class="channel_img_big_1_li" v-for="item in pageData[1].data">
- <NuxtLink class="channel_img_big_1_li_a" :href="getLinkPathDetail(item)"
- :title="item.title" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_big_1_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_big_1_li_dot1 dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="channel_1_box_2 clearfix">
- <div class="channel_ul_2">
- <NuxtLink class="channel_ul_2_a dot1" :href="getLinkPathDetail(item)"
- :title="item.title" v-for="item in pageData[1].data2" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
-
-
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
- :title="pageData[2].alias">
- {{ pageData[2].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
- :title="pageData[2].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class=" clearfix" v-if="pageData[2]">
- <div class="channel_1_box_1 clearfix">
- <div class="channel_img_big_2_ul">
- <div class="channel_img_big_2_li" v-for="item in pageData[2].data">
- <NuxtLink class="channel_img_big_2_li_a" :href="getLinkPathDetail(item)"
- :title="item.title" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_big_2_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_big_2_li_dot1 dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="channel_1_box_2 clearfix">
- <div class="channel_ul_3">
- <NuxtLink class="channel_ul_3_a dot1" :href="getLinkPathDetail(item)"
- :title="item.title" v-for="item in pageData[2].data2" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
-
- </div>
- <div class="channel_1_right clearfix">
-
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
- :title="pageData[3].alias">
- {{ pageData[3].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
- :title="pageData[3].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class="channel_img_big_3_ul clearfix" v-if="pageData[3].data">
- <div class="channel_img_big_3_li" v-for="item in pageData[3].data">
- <NuxtLink class="channel_img_big_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
- :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_big_3_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_big_3_li_dot1 dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- <div class="channel_ul_4" v-if="pageData[3].data2">
- <div class="channel_ul_4_li dot1" v-for="(item, index) in pageData[3].data2">
- <div class="channel_ul_4_li_num">{{ index + 1 }}</div>
- <NuxtLink class="channel_img_big_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
- :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
- <div class="channel_ul_4_a dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
-
- </div>
- </section>
-
- <HomeAdvertising :data="adImg1"></HomeAdvertising>
- <section class="channel_3 clearfix">
-
- <div class="channel_1_left clearfix">
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
- :title="pageData[4].alias">
- {{ pageData[4].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
- :title="pageData[4].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class=" clearfix" v-if="pageData[4]">
- <div class="channel_1_box_1 clearfix">
- <div class="channel_img_big_4_ul">
- <div class="channel_img_big_4_li" v-for="item in pageData[4].data">
- <NuxtLink class="channel_img_big_4_li" :href="getLinkPathDetail(item)"
- :title="item.title" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_big_4_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_big_4_li_dot2 dot2">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- <div class="channel_img_ul_1 clearfix">
- <div class="channel_img_ul_1_li" v-for="item in pageData[4].data2">
- <NuxtLink class="channel_img_ul_1_li_a" :href="getLinkPathDetail(item)"
- :title="item.title" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_ul_1_li_dot2 dot2">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="channel_1_box_2 clearfix">
- <div class="channel_ul_5">
- <NuxtLink class="channel_ul_5_a dot1" :href="getLinkPathDetail(item)"
- v-for="item in pageData[4].data3" :title="item.title" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
- </div>
- </div>
- </div>
-
-
- <div class="channel_1_right clearfix">
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
- :title="pageData[5].alias">
- {{ pageData[5].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
- :title="pageData[5].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class="channel_img_ul_2 clearfix" v-if="pageData[5]">
- <div class="channel_img_ul_2_li" v-for="item in pageData[5].data">
- <NuxtLink class="channel_img_ul_2_li" :href="getLinkPathDetail(item)" :title="item.title"
- :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_ul_2_li_dot1 dot1">
- {{ item.title }}
- </div>
- </NuxtLink>
- </div>
- </div>
- <div class="channel_ul_6" v-if="pageData[5]">
- <NuxtLink class="channel_ul_6_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
- v-for="item in pageData[5].data2" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
-
- </div>
- </section>
- <section class="channel_4 clearfix">
- <div class="channel_1_left clearfix">
-
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
- :title="pageData[6].alias">
- {{ pageData[6].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
- :title="pageData[6].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class="channel_ul_7" v-if="pageData[6]">
- <NuxtLink class="channel_ul_7_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
- v-for="item in pageData[6].data" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- {{ item.title }}
- </NuxtLink>
- </div>
-
- </div>
-
- <div class="channel_1_right clearfix">
- <div class="channel_head">
- <NuxtLink class="channel_head_name" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
- :title="pageData[7].alias">
- {{ pageData[7].alias }}
- </NuxtLink>
- <NuxtLink class="channel_head_more" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
- :title="pageData[7].alias">
- 栏目简介
- </NuxtLink>
- </div>
- <div class="channel_img_big_5_ul" v-if="pageData[7]">
- <div class="channel_img_big_5_li" v-for="item in pageData[7].data">
- <NuxtLink class="channel_img_big_5_li_a" :href="getLinkPathDetail(item)" :title="item.title"
- v-for="item in pageData[7].data" :key="item.id"
- :target="item.islink == 1 ? '_blank' : '_self'">
- <img class="channel_img_big_5_li_img" :src="item.imgurl" alt="item.title">
- <div class="channel_img_big_5_li_dot2 dot2">{{ item.title }}</div>
- </NuxtLink>
- </div>
- </div>
-
- </div>
- </section>
- </main>
-
- <HomeFoot1></HomeFoot1>
- </div>
- </template>
- <script setup>
- import { ref, onMounted } from 'vue';
- import { ElMessage } from 'element-plus';
- const targetSegment = getRoutePath(1);
- let routeId;
- const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
- method: 'GET',
- query: {
- 'pinyin': targetSegment,
- },
- });
- if (getRouteId.code == 200) {
- routeId = getRouteId.data.category_id
- } else {
- console.log("获得路由id出错!", getRouteId.message)
- }
- let showTabs = ref(1)
- let qhtabs = function (number) {
- console.log(number)
- showTabs.value = number
- }
- let adImg1 = ref({})
- let adImg2 = ref({})
- let adImg3 = ref({})
- let adImg4 = ref({})
- onMounted(async () => {
-
- const { $webUrl, $CwebUrl } = useNuxtApp();
-
- let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0001`
- const responseAd1 = await fetch(url, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd1 = await responseAd1.json();
- adImg1.value = resultAd1.data[0];
-
- let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0002`
- const responseAd2 = await fetch(url2, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd2 = await responseAd2.json();
- adImg2.value = resultAd2.data[0];
-
- let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0003`
- const responseAd3 = await fetch(url3, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd3 = await responseAd3.json();
- adImg3.value = resultAd3.data[0];
-
- let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0004`
- const responseAd4 = await fetch(url4, {
- headers: {
- 'Content-Type': 'application/json',
- 'Userurl': $CwebUrl,
- 'Origin': $CwebUrl
- }
- });
- const resultAd4 = await responseAd4.json();
- adImg4.value = resultAd4.data[0];
- })
- const pageData = ref([
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ])
- try {
- const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
- method: 'GET',
- query: {
- 'placeid': 1,
- 'pid': routeId,
- 'num': 8
- },
- });
- if (navigateData.code == 200) {
-
- for (let index in navigateData.data) {
- let data = {
- title: navigateData.data[index].name,
- cid: navigateData.data[index].category_id,
- children_count: navigateData.data[index].children_count,
- alias: navigateData.data[index].alias,
- aLIas_pinyin: targetSegment + "/" + navigateData.data[index].aLIas_pinyin,
- data: [],
- data1: [],
- data2: [],
- data3: [],
- data4: [],
- category_id1: "",
- category_id2: "",
- category_id3: "",
- category_id4: "",
- title1: "",
- title2: "",
- title3: "",
- title4: ""
- };
- if (navigateData.data[index].is_url == 1) {
-
- } else {
-
- pageData.value.push(data);
- }
- }
-
- let getJson = [
- { "parent": routeId + ",0,0", "child": pageData.value[0].cid + ",5,9" },
- { "parent": routeId + ",0,0", "child": pageData.value[1].cid + ",1,6" },
- { "parent": routeId + ",0,0", "child": pageData.value[2].cid + ",1,6" },
- { "parent": routeId + ",0,0", "child": pageData.value[3].cid + ",1,6" },
- { "parent": routeId + ",0,0", "child": pageData.value[4].cid + ",3,10" },
- { "parent": routeId + ",0,0", "child": pageData.value[5].cid + ",2,6" },
- { "parent": routeId + ",0,0", "child": pageData.value[6].cid + ",0,6" },
- { "parent": routeId + ",0,0", "child": pageData.value[7].cid + ",1,0" },
- ]
- let jsonString = JSON.stringify(getJson);
- getPageAllData(jsonString);
- } else {
- console.log("错误:渲染8个模块环节出错,请检查是否存在没有数据的模块!")
- }
- } catch (error) {
- console.log("错误:导航池渲染执行接口出错!请检查频道页渲染的模块数据是否完整!")
- }
- async function getPageAllData(jsonString) {
- const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
- method: 'GET',
- query: {
- 'id': jsonString
- },
- });
- if (mkdata.code == 200) {
-
- pageData.value[0].data = mkdata.data[0].child.imgnum;
- pageData.value[0].data2 = mkdata.data[0].child.textnum;
-
- pageData.value[1].data = mkdata.data[1].child.imgnum;
- pageData.value[1].data2 = mkdata.data[1].child.textnum;
-
- pageData.value[2].data = mkdata.data[2].child.imgnum;
- pageData.value[2].data2 = mkdata.data[2].child.textnum;
-
- pageData.value[3].data = mkdata.data[3].child.imgnum;
- pageData.value[3].data2 = mkdata.data[3].child.textnum;
-
- for (let index in mkdata.data[4].child.imgnum) {
- if (index < 1) {
- pageData.value[4].data.push(mkdata.data[4].child.imgnum[index]);
- } else {
- pageData.value[4].data2.push(mkdata.data[4].child.imgnum[index]);
- }
- }
- pageData.value[4].data3 = mkdata.data[4].child.textnum;
-
- pageData.value[5].data = mkdata.data[5].child.imgnum;
- pageData.value[5].data2 = mkdata.data[5].child.textnum;
-
- pageData.value[6].data = mkdata.data[6].child.textnum;
-
- pageData.value[7].data = mkdata.data[7].child.imgnum;
- } else {
- ElMessage.error(mkdata.message)
- }
- }
- const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
- method: 'GET',
- query: {
- 'catid': routeId
- },
- });
- if (setData.code == 200) {
- let seoTitle = setData.data.seo_title;
- let seoDescription = setData.data.seo_description;
- let seoKeywords = setData.data.seo_keywords;
- let seoSuffix = setData.data.suffix;
- let seoName = setData.data.website_name;
- useSeoMeta({
- title: seoTitle + "_" + seoSuffix,
- meta: [
- { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
- { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
- ]
- });
- } else {
- console.log("设置频道页SEO出错!", setData.message)
- }
- </script>
- <style lang="less" scoped>
- @import '@/assets/css/class.less';
- </style>
|